<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        #testTransform{
        width: 200px;
        height: 100px;
        background-color: red;
        transform: rotate(30deg);
        transform-origin: 0 0;
        /*变换基点到左上角位置,不加此行代码效果如图7-5所
        示，加此行代码效果如图7-6所示，读者可自行尝试注释此行代码，来确认效果*/
    }
    </style>
</head>
<body style="padding-left: 200px; padding-top: 200px;">
    <div id="flagPos">
    <div id="testTransform"></div></div>
</body>
</html>
    